@media all and (max-width:1280px) {}

@media all and (max-width:1200px) {

  /* 公共 */
  .grWidth {
    padding: 0 1.125rem;
    width: 100%;
  }

  .header .logo img {
    height: 1.5rem;
  }

  .header .nav li .a1 {
    font-size: .875rem;
    padding: 0 .875rem;
  }

  /* 新增 */
  .index-pro-list ul {
    margin-bottom: 1.875rem;
  }

  .index-pro-list ul:last-child .box {
    border: block;
  }

  .index-pro-list ul:last-child .box::after {
    display: block;
  }

  .footer-cont {
    flex-direction: column;
  }

  .footer .foot-menu {
    width: 100%;
  }

  .foot-contact {
    width: 100%;
    padding-left: 0;
    border: none;
  }
}

@media all and (max-width:1024px) {

  /* 公共 */
  .header .nav,
  .header-fr {
    display: none;
  }

  .wap-block {
    display: block;
  }

  .wap-none {
    display: none;
  }

  .icon-back,
  .icon-daohang {
    display: flex !important;
  }

  .header-right {
    display: none;
  }

  .wap-header-tel {
    background-image: url(../images/icon-dianhau.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
  }

  /* 新增 */
  .index-pro {
    margin-bottom: 2rem;
  }

  .index-pro,
  .index-pro-list {
    transform: translateY(0);
  }

  .index-pro-list {
    box-shadow: none;
    padding: 2rem;
  }

  .index-section3-nav {
    width: 70%;
  }
}

@media all and (max-width:992px) {
  .header{
    padding: .5rem 0;
  }

  .footer .foot-menu ul dt {
    display: none;
  }

  .index-section4-about {
    width: 100%;
    margin-bottom: 2rem;
  }

  .about-box {
    padding-right: 0;
  }

  .index-section4-news {
    width: 100%;
  }

  .index-line {
    margin: 2rem 0;
  }

  .list_banner .img {
    height: 180px;
  }

  .list_banner .img img {
    height: 100%;
    object-fit: cover;
  }

  .productList li h3 {
    font-size: 1.125rem;
  }
  .pro-top{
    flex-direction: column;
  }
  .pro-top-pic,.pro-top-info{
    width: 100%;
    margin-bottom: 2rem;
  }

  .index-section1-cont ul:last-child .box {
    border-right: 1px solid #ededed;
  }

  .index-section1-cont ul:last-child .box::after {
    display: block;
  }
}

@media all and (max-width:768px) {

  /* 公共 */
  .page-nav {
    position: relative;
  }

  .page-nav ul{
    justify-content: flex-start;
  }

  .page-nav ul li a {
    font-size: .875rem;
  }


  .page-nav ul li {
    display: inline-block;
    margin-right: 10px;
  }

  .list_banner .slogan h3 {
    font-size: 1.625rem;
  }

  .list_banner .slogan h3 {
    text-align: center;
  }

  .index-title h3,
  .about-info .tie,
  .about-info .tie span {
    font-size: 1.5rem;
  }

  .index-title p {
    font-size: .875rem;
  }

  .banner-pagination {
    bottom: 10px !important;
  }

  .banner-pagination span {
    width: 14px;
    height: 2px;
  }

  .location .container {
    justify-content: center;
  }

  /* 新增 */
  .index-section1 {
    padding-top: 2rem;
    transform: translateY(0);
  }

  .index-section1-cont {
    box-shadow: none;
    padding: 0;
    transform: translateY(0);
  }

  .index-section1-cont ul {
    margin-bottom: 20px;
  }

  .index-section1-cont ul .box {
    padding-left: 0;
    margin-right: 0;
  }

  .index-section1 .container {
    border-bottom: none;
  }

  

  .index-section3-nav {
    width: 100%;
  }

  .nav-pagination {
    display: block;
  }

  .footer {
    padding: 20px 0 0 0;
  }

  .footer .foot-menu {
    padding-bottom: 10px;
  }

  .footer .foot-menu ul {
    width: 33.3%;
    text-align: center;
  }

  .footer .foot-menu ul h3 {
    font-size: .875rem;
    margin-bottom: 10px;
  }

  .copyright {
    flex-direction: column;
  }

  .copyright-left {
    margin-bottom: 20px;
  }

  .foot-code {
    text-align: center;
  }

  .index-section3-cont {
    height: auto;
    padding-top: 1rem;
    margin-top: 1rem;
  }

  .index-section3-cont .box {
    flex-direction: column;
    height: auto;
  }

  .index-section3-cont .box .info {
    width: 100%;
    padding-right: 0;
    margin-bottom: 1rem;
  }

  .index-section3-cont .box .img {
    width: 100%;
    justify-content: center;
  }

  .index-section3-cont .box .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .index-section3-nav .wap-tap {
    display: flex;
  }

  .index-section3-nav .pc-tap {
    display: none;
  }

  .list_banner .slogan p {
    text-align: center;
  }

  .productList li h3 {
    font-size: 1rem;
  }

  .page-history-cont .swiper-pagination2{
    display: block;
  }
  .page-history-tap-list li {
    padding-left: 4rem;
  }
  .page-history-cont .page-history-btn{
    display: none;
  }
  .page-history-cont{
    margin-top: 3rem;
  }

  .page-history,.page-ab,.page-honor,.page-partner{
    padding: 30px 0;
  }

  .page-title h2{
    font-size: 24px;
  }

  .gr_kefu{
    display: none;
  }

  .page-honor ul li .box{
    padding: 10px;
  }
  .page-honor ul li span{
    height: 200px;
    padding: 10px;
  }

  .pro-top{
    padding: 12px;
  }

  .productList li dt{
    padding: 12px;
  }

  .icon-back{
    font-size: 1.125rem;
  }
  .header-page-title{
    font-size: 1rem;
  }
  .icon-daohang{
    font-size: 22px;
  }
  .location{
    padding: 12px 0;
  }

  .foot-code li{
    width: 50%;
  }
  .foot-code li img{
    width: 110px;
    height: 110px;
  }

  .newsList li dt h4{
    font-size: 13px;
  }
  .newsList li dt p{
    font-size: 12px;
  }
  .index-more{
    
  }

  .show-detail{
    padding: 0;
  }
}

@media all and (max-width:576px) {

  /* 公共 */
  .header,
  .header-fixed {
    padding: .2rem 0;
  }

  .list_banner .slogan h3 {
    font-size: 1.25rem;
  }

  /* 新增 */
  .index-section1-cont ul .cat-title h4 {
    font-size: 1rem;
  }

  .index-section1-cont ul .cat-title h4 img {
    width: 30%;
    height: 27px;
  }

  .index-section1-list a {
    font-size: 13px;
  }

  .news-list ul li {
    flex-direction: column;
  }

  .news-list ul li .img {
    width: 100%;
    margin-bottom: 1rem;
  }

  .news-list ul li .info {
    width: 100%;
  }

  .news-list ul li .info h4 {
    flex-direction: column;
    margin-bottom: .625rem;
  }

  .news-list ul li .info h4 a {
    width: 100%;
  }

  .about-box {
    padding-right: 0;
    margin-bottom: 1.625rem;
  }

  .index-section4-cont .tie {
    font-size: 1.5rem;
    text-align: center;
  }

  .index-line {
    margin: 1rem 0;
  }

  .index-section3-nav a {
    width: 32%;
    margin-bottom: 1rem;
  }

  .index-section3-nav a:nth-child(3n) {
    margin-right: 0;
  }

  .productList li .pic {
    padding: .5rem;
  }

  .productList li h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
  }
  .icp-detail .tie{
    padding-bottom: 1rem;
  }
  .icp-detail .tie h3{
    font-size: 18px;
    background-size: 50%;
    padding: 1rem 0;
  }
  
  .page-nav ul li{
    padding: 10px 0;
  }

  .index-section2-list ul li h4{
    font-size: 1rem;
    margin: 10px 0;
  }
  .index-section2-list ul li p{
    font-size: 13px;
  }

  .index-section2-list ul li i,.index-section2-list2 ul li i{
    margin-top: 0;
  }

  .index-section2-list2 ul li h4{
    font-size: 1rem;
    margin: 10px 0;
  }
  .index-section2-list2 ul li p{
    font-size: 13px;
  }

  .index-section5-list li .box{
    flex-direction: column;
  }
  .index-section5-list li .box h4{
    font-size: 1.125rem;
  }
  .index-section5-list ul li:hover .box {
    transform: translateY(0);
  }

  .index-section1{
    padding-top: 30px;
  }

  .index-title,.index-section4-cont .tie{
    margin-bottom: 28px;
  }

  .copyright{
    margin-top: 10px;
    padding: 10px 0;
  }

  .copyright-left dt{
    flex-direction: column;
    
  }
  .foot-contact p{
    font-size: .875rem;
    margin-bottom: 4px;
  }
  .foot-contact h3{
    margin-bottom: 10px;
    font-size: 28px;
  }

  .index-section3-cont .box .info h4{
    font-size: 1.125rem;
  }
  .index-section3-cont .box .info p{
    font-size: 13px;
  }

  .index-section3-cont{
    padding-top: 0;
    margin-top: 0;
  }
  .index-section3-cont .box .info p{
    margin: 10px 0;
  }
}

@media all and (max-width:480px) {}

@media all and (max-width:375px) {}